<template>
  <div class="division">
    <div id="main">
                <table>
                    <tr>
                        <td >
                    <div id="p1">
                        <p>傅嘉伟：用户登入功能，用户权限功能，登入验证功能，数据库的增删改查 </p>
                    </div>
                    </td><td>
                    <div id="p2">	
                        <p>吴道满：后端模拟硬件的接口，用户分工界面设计，测试和调试，设备管理模块,前端各个界面素材的查找，文档的编写和整合。</p>
                        
                    </div>
                        </td>
                        </tr>
                    <tr>
                        <td colspan="2">
                    <div id="p3">
                        <p>陈锦斌：MQTT服务器数据的获取和保存，历史转台数据展示，实时监控模块，部分代码整合，插件资源，总体框架设计，折线图呈现的部分功能。</p>
                    </div>
                    </td>
                </tr>
                </table>
            </div>
  </div>
</template>

<script>
export default {
    name:'Division'
}
</script>

<style>
#main {
	margin: 40px;
	
}
#title{
    text-align:left;
	font-size: 35px;
}
#main div {
	padding: 20px;
	text-align:left;
	font-size: 17px;
	border: dotted 4px wheat;
	border-radius:35px;
	height: 125px;
	width: 600px;
	margin: 40px;
	line-height: 30px;
	background: ivory;
	opacity: 0.7;
	background-clip: padding-box;
}
#p1,#p3,#p2 {
	float:rleft;
}

P::first-letter{
	font-size: 50px;
	color:dodgerblue;
}
</style>